<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <title>Vendor Submission Documentation</title>
</head>

<body style=font-family:arial on>
<center><h1>SCADA Vendor Submission: Each Process</h1>
<div style='width:95%;text-align:justify;border-radius:12px;padding:10px;border:solid black 1px;background-color:gainsboro'>
This provides interactive examples for this project's SCADA. It is submitted to the project designer for approval in determining
if the vendor has met the project's SCADA specifications for each process.
Each SCADA process schematic is shown within an HTM document, including its operating sequence, line diagram, SVG source, and JavaScript source. The  interactive SCADA runs as specified within the browser.
The client is connected to a <b>Web Server</b>, and the <b>Data Stream Network</b> cloud. The project includes a <a href="https://www.mynah.com/content/software-acceptance-testing-mimic-simulation-software" target=_blank><b>Field Device Simulator</b></a> provided by the SCADA vendor, used for testing and user training.
The Simulator will be arranged to access each process's loop field devices. Each simulated field device can have it's values adjusted via the Simulator's computer, whereby the SCADA drawing will respond as specified, communicating via the Data Stream Network cloud. 
</div>
<svg xmlns="http://www.w3.org/2000/svg" id="publishSVG" width="800" height="500" viewBox="0 0 800 500" style="touch-action: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><style xmlns="http://www.w3.org/1999/xhtml"></style><defs xmlns="http://www.w3.org/1999/xhtml"></defs>

<g id="publishG"><g id="publishElemG" shape-rendering="geometricPrecision" text-rendering="geometricPrecision"><rect fill="white" fill-opacity="0" stroke="#FF0000" stroke-width="2" x="0" y="0" width="195" height="144" stroke-dasharray="8 4" rx="10" ry="10" transform="matrix(1 0 0 1 524 77)" rotateAngle="0"/><rect stroke="#560319" stroke-width="3" fill="white" fill-opacity="0" transform="translate(18 43)" width="146" height="231" rotateAngle="0"/><rect fill="white" fill-opacity="0" stroke="#000000" stroke-width="2" x="0" y="0" width="226" height="184" rx="10" ry="10" transform="matrix(1 0 0 1 510 62)" rotateAngle="0"/><path fill="none" fill-opacity="1.0" stroke="#FF0000" stroke-width="4" stroke-opacity="1.0" stroke-dasharray="8 4" d="M 42 31 L 762 31" rightAngle="true" rotateAngle="0"/><text font-family="Arial" font-size="20" font-weight="bold" font-style="italic" stroke="none" stroke-width="0.4" fill="#FF0000" transform="matrix(1 0 0 1 318 20)" rotateAngle="0" filter="null">


Data Stream Network</text><rect fill="white" fill-opacity="0" stroke="#9400D3" stroke-width="5" x="0" y="0" width="97" height="140" transform="translate(352 228)" rotateAngle="0"/><text font-family="Arial" font-size="20" font-weight="bold" font-style="italic" stroke="none" stroke-width="0.4" fill="#9400D3" transform="matrix(1 0 0 1 373 279)" rotateAngle="0" filter="null">


Web</text><text font-family="Arial" font-size="20" font-weight="bold" font-style="italic" stroke="none" stroke-width="0" fill="#9400D3" transform="matrix(1 0 0 1 367 312)" rotateAngle="0">




Server</text><rect fill="white" fill-opacity="0" stroke="#9400D3" stroke-width="2" x="0" y="0" width="171" height="104" stroke-dasharray="8 3" transform="matrix(1 0 0 1 537 90)" rotateAngle="0" rx="10" ry="10"/><text font-family="Arial" font-size="20" font-weight="bold" font-style="italic" stroke="none" stroke-width="0" fill="#9400D3" transform="matrix(1 0 0 1 582 213)" rotateAngle="0">




Browser</text><path fill="none" fill-opacity="1.0" stroke="#FF0000" stroke-width="3" stroke-opacity="1.0" stroke-dasharray="8 4" d="M 85 31 L 85 49" rightAngle="true" rotateAngle="0"/><rect fill="#00BFFF" fill-opacity="1.0" stroke="#000000" stroke-width="2" x="0" y="0" width="142" height="80" rx="10" ry="10" transform="matrix(1 0 0 1 553 102)" rotateAngle="0"/><text font-family="Arial" font-size="20" font-weight="normal" font-style="normal" stroke="none" stroke-width="0.4" fill="#000000" transform="matrix(1 0 0 1 586 153)" rotateAngle="0" filter="null">




SCADA</text><text font-family="Arial" font-size="20" font-weight="normal" font-style="normal" stroke="none" stroke-width="0.4" fill="#000000" transform="matrix(1 0 0 1 587 174)" rotateAngle="0" filter="null">




Drawing</text><rect fill="white" fill-opacity="0" stroke="#000000" stroke-width="2" x="0" y="0" width="80" height="81" transform="matrix(1 0 0 1 48 148)" rotateAngle="0"/><text font-family="Arial" font-size="20" font-weight="normal" font-style="normal" stroke="none" stroke-width="0.4" fill="#000000" transform="matrix(1 0 0 1 66 190)" rotateAngle="0" filter="null">Field</text><text font-family="Arial" font-size="20" font-weight="normal" font-style="normal" stroke="none" stroke-width="0.4" fill="#000000" transform="matrix(1 0 0 1 53 214)" rotateAngle="0" filter="null">Devices</text><path fill="none" fill-opacity="1.0" stroke="#000000" stroke-width="1.5" stroke-opacity="1.0" marker-end="url(#arrow000000)" d="M 71 89 L 71 146" rightAngle="true" rotateAngle="0"/><path fill="none" fill-opacity="1.0" stroke="#000000" stroke-width="1.5" stroke-opacity="1.0" marker-end="url(#arrow000000)" d="M 101 148 L 101 92" rightAngle="true" rotateAngle="0"/><text font-family="Arial" font-size="20" font-weight="bold" font-style="italic" stroke="none" stroke-width="0.4" fill="#000000" transform="matrix(1 0 0 1 529 324)" rotateAngle="0" filter="null">




Interactive SCADA</text><text font-family="Arial" font-size="20" font-weight="normal" font-style="normal" stroke="none" stroke-width="0.4" fill="#000000" transform="matrix(1 0 0 1 555 275)" rotateAngle="0" filter="null">



Client Computer</text><path fill="none" fill-opacity="1.0" stroke="#FF0000" stroke-width="4" stroke-opacity="1.0" stroke-dasharray="8 4" d="M 403 31 L 403 131 L 521 131" rightAngle="true"/><path fill="none" fill-opacity="1.0" stroke="#9400D3" stroke-width="4" stroke-opacity="1.0" stroke-dasharray="8 4" d="M 400 224 L 400 168 L 535 168" rightAngle="true" rotateAngle="0"/><path fill="none" fill-opacity="1.0" stroke="#9400D3" stroke-width="4" stroke-opacity="1.0" stroke-dasharray="8 4" d="M 27 429 L 759 429" rightAngle="true" rotateAngle="0"/><path fill="none" fill-opacity="1.0" stroke="#9400D3" stroke-width="4" stroke-opacity="1.0" stroke-dasharray="8 4" d="M 400 369 L 400 431" rightAngle="true" rotateAngle="0"/><text font-family="Arial" font-size="20" font-weight="bold" font-style="italic" stroke="none" stroke-width="0.4" fill="#9400D3" transform="matrix(1 0 0 1 321 456)" rotateAngle="0" filter="null">


Internet/Intranet</text><text font-family="Arial" font-size="20" font-weight="bold" font-style="italic" stroke="none" stroke-width="0" fill="#FF0000" transform="matrix(1 0 0 1 552 240)" rotateAngle="0">

JavaScript SDK</text><text font-family="Arial" font-size="30" font-weight="bold" font-style="normal" stroke="none" stroke-width="0.6" fill="#321414" transform="matrix(1 0 0 1 22 262)" rotateAngle="0" filter="null">Simulator</text><path fill="none" fill-opacity="1.0" stroke="#000000" stroke-width="2" marker-end="url(#arrow000000)" d="M 228 152 L 163 152" rightAngle="true"/><rect stroke="#000000" stroke-width="3" fill="white" fill-opacity="0" rx="4" ry="4" transform="translate(228 112)" width="127" height="73" rotateAngle="0"/><text font-family="Arial" font-size="20" font-weight="normal" font-style="normal" stroke="none" stroke-width="0.4" fill="#321414" transform="matrix(1 0 0 1 247 141)" rotateAngle="0" filter="null">Simulator</text><text font-family="Arial" font-size="20" font-weight="normal" font-style="normal" stroke="none" stroke-width="0" fill="#321414" transform="matrix(1 0 0 1 244 165)" rotateAngle="0">Computer</text><path fill="none" fill-opacity="1.0" stroke="#9400D3" stroke-width="2" stroke-dasharray="8 4" d="M 284 186 L 284 430" rightAngle="true"/><g xmlns="http://www.w3.org/2000/svg" transform="matrix(0.6 0 0 0.6 -153 -73.8)" parentid="component1551029200392"><path fill="#FF0000" fill-opacity="1.0" stroke="#000000" stroke-width="2" d="M 349 281 L 451 281 L 399 190 z" type="linear"/><text font-family="Times New Roman" font-size="30" font-weight="bold" font-style="normal" stroke="none" stroke-width="0" fill="#000000" transform="matrix(1 0 0 1 377 259)">IoT</text><rect width="102" height="91" fill="white" fill-opacity="0" transform="translate(349,190)" style="cursor: default;" vector-effects="non-scaling-stroke" stroke-width="6" stroke-opacity=".5"/></g><text font-family="Arial" font-size="20" font-weight="normal" font-style="normal" stroke="none" stroke-width="0" fill="#000000" transform="matrix(1 0 0 1 583 130)" rotateAngle="0">Process</text><text font-family="Arial" font-size="20" font-weight="normal" font-style="normal" stroke="none" stroke-width="0" fill="#000000" transform="matrix(1 0 0 1 52 168)" rotateAngle="0">Process</text></g></g><image id="imgDragArrow" href="Images/ImgDragArrow.png" class="dragTargetObj" width="25" height="25" x="-12.5" y="-12.5" style="visibility: hidden; cursor: nw-resize;"/><defs id="arrowDefs"><marker id="arrow9400D3" viewBox="0 0 8000 8000" vector-effect="non-scaling-stroke" refX="250" refY="150" markerUnits="strokeWidth" markerWidth="300" markerHeight="300" orient="auto" fill="#9400D3" stroke-linejoin="bevel">




<path d="M2 59,293 148,1 243,121 151,Z" stroke="RGB(0,0,0)"/>




</marker><marker id="arrow000000" viewBox="0 0 8000 8000" vector-effect="non-scaling-stroke" refX="250" refY="150" markerUnits="strokeWidth" markerWidth="300" markerHeight="300" orient="auto" fill="#000000" stroke-linejoin="bevel">




<path d="M2 59,293 148,1 243,121 151,Z" stroke="RGB(0,0,0)"/>




</marker><marker id="arrow9400D3" viewBox="0 0 8000 8000" vector-effect="non-scaling-stroke" refX="250" refY="150" markerUnits="strokeWidth" markerWidth="300" markerHeight="300" orient="auto" fill="#9400D3" stroke-linejoin="bevel">




<path d="M2 59,293 148,1 243,121 151,Z" stroke="RGB(0,0,0)"/>




</marker><marker id="arrow000000" viewBox="0 0 8000 8000" vector-effect="non-scaling-stroke" refX="250" refY="150" markerUnits="strokeWidth" markerWidth="300" markerHeight="300" orient="auto" fill="#000000" stroke-linejoin="bevel">




<path d="M2 59,293 148,1 243,121 151,Z" stroke="RGB(0,0,0)"/>




</marker><marker id="arrow9400D3" viewBox="0 0 8000 8000" vector-effect="non-scaling-stroke" refX="250" refY="150" markerUnits="strokeWidth" markerWidth="300" markerHeight="300" orient="auto" fill="#9400D3" stroke-linejoin="bevel">




<path d="M2 59,293 148,1 243,121 151,Z" stroke="RGB(0,0,0)"/>




</marker><marker id="arrow000000" viewBox="0 0 8000 8000" vector-effect="non-scaling-stroke" refX="250" refY="150" markerUnits="strokeWidth" markerWidth="300" markerHeight="300" orient="auto" fill="#000000" stroke-linejoin="bevel">




<path d="M2 59,293 148,1 243,121 151,Z" stroke="RGB(0,0,0)"/>




</marker><marker id="arrow9400D3" viewBox="0 0 8000 8000" vector-effect="non-scaling-stroke" refX="250" refY="150" markerUnits="strokeWidth" markerWidth="300" markerHeight="300" orient="auto" fill="#9400D3" stroke-linejoin="bevel">




<path d="M2 59,293 148,1 243,121 151,Z" stroke="RGB(0,0,0)"/>




</marker><marker id="arrow000000" viewBox="0 0 8000 8000" vector-effect="non-scaling-stroke" refX="250" refY="150" markerUnits="strokeWidth" markerWidth="300" markerHeight="300" orient="auto" fill="#000000" stroke-linejoin="bevel">




<path d="M2 59,293 148,1 243,121 151,Z" stroke="RGB(0,0,0)"/>




</marker></defs></svg>
<p></p>




</body>


</html>